.ulItem {
  list-style: none;
  margin: 0;
  padding: 0;
}

.liItem {
  margin-bottom: 0;
  margin-top: 0;
}

.borderExpandableSelected {
  border: 1px solid var(--color-black-cosmicore-900);
}

.fullHeight {
  height: 100%;
}

.contentWidthTransition {
  transition: width 0.2s;
}

.section {
  margin-bottom: var(--space-600);
  margin-top: var(--space-600);
}

.section:first-child {
  margin-top: 0;
}

.section:last-child {
  margin-bottom: 0;
}

.sectionStartDivider {
  display: none;
  margin-bottom: var(--space-600);
}

.sectionEndDivider {
  margin-top: var(--space-600);
}

/*
  Here TopItem and Group subcomponents are selected with `.liItem:not(.section)`
  For example, if TopItem is the previous adjacent sibling of Section,
  the section's top divider should appear.
*/

.liItem:not(.section) + .section .sectionStartDivider {
  display: block;
}

.section:last-child .sectionEndDivider {
  display: none;
}
